<template>
  <div class="index-form form-contain">
    <!-- <div class="common-banner" :style='{backgroundImage: `url(${this.banner})`}'> -->
     <div class="loheader">十九楼网络股份有限公司</div>
      <div class="locenter">
    <p>推广产品名称：19楼婚博会，19楼家博会 必填</p>
<p>推广主题文案：</p>
<p>1，要结婚，就上19楼！</p>
<p>2，找装修，买建材，购家电，淘家具就上19楼！</p>
<div>推广平台、类型：360搜索，360展示广告
广告类型：信息流、互动广告、360导航开屏
客户需求：获得目标客户报名参与19楼家博会/婚博会活动
效果数据：新增用户增长300%</div>

<p>投放方案：</p>
<div>1，360搜索端投放品牌词，产品词，行业词，结合凤舞多种样
式组合展现，直击客户需求，引导潜在客户报名参与19楼活动。</div>
<div>2，在360展示广告投放360导航开屏，信息流等优质资源，精
准定向客户兴趣人群，关键词人群，网站访客人
群将客户活动优惠信息强势曝光，快速传递给目标客群，从而实
现目标客户报名参加19楼婚博会/家博会。</div>

<p>投放总结：</p>
<div>利用360搜索关键词投放，覆盖潜在需求客户人群，引导新老客户直接搜索并报名参与活动；利用360展示广告，投放信息流，开屏，互动广告等多种样式广告，并且定向人群投放，强曝光，吸引用户关注和报名，达到客户活动推广目的</div>
<p>客户评价：</p>
<div>用户高度匹配行业需求，投放精准，直达潜在用户，转化效果较好，广告位置清晰醒目，服务团队专业细致，愿意长期合作。</div>
      </div>
      <div class="loResults">
         <span>效果展示</span>
         <div class="flex-lou">  
  <div class="flex-lou1"><img src="static/images/hudong1.png" ></div>
  <div class="flex-lou2"> <i class="iconfont glyphicon glyphicon-goRight "></i></div>
  <div class="flex-lou3"><img src="static/images/hudong2.png" ></div>
</div>
      </div>
       <div class="loResults">
         <span style="margin-top:1rem">互动广告</span>
         <div class="flex-inter">  
  <img src="static/images/xinxi1.png" >
</div>
      </div>
          <div class="loResults">
         <span style="margin-top:1rem">信息流广告</span>
         <div class="flex-inter">  
  <img src="static/images/xinxi2.png" >
</div>
      </div>
      <div class="zero">360导航开屏</div>

  </div>
</template>

<script>
import { getBanner } from '@/api/ajax'

export default {
  data () {
    return {
      banner: ''
    }
  },
  mounted () {
    getBanner({type: 3}).then(res => {
      this.banner = res.data.list[0].image
    })
  },
  created () {
  },
  methods: {
    addMore () {
    }
  }
}
</script>

<style lang="less">
.loheader{
 width:11.13rem;
height:.93rem;
font-size:.93rem;
font-family:PingFang-SC-Regular;
font-weight:400;
color:rgba(51,51,51,1);;
color:rgba(51,51,51,1);
 margin: 0 auto;
 margin-top: 1rem;
 text-align: center;
  }

  .locenter{
    width:22.4rem;
height:33.87rem;
font-size:.8rem;
font-weight:400;
color:rgba(51,51,51,1);
margin: 0 auto;
margin-top: .9375rem;
position: relative;
}
.loResults{
  width: 100%;
  height: auto;
  margin: 0 auto;
.flex-lou {
  display: flex;
}
.flex-lou1>img{
    width: 10.4rem;
    height: 4.6rem;
    display: block;
    margin-left: 2.47rem;
    margin-top:3.2rem; 
  }
   .flex-lou2>i{
    width:13px;
    height: .73rem;
    display: block;
   font-size:.87rem;
   margin-top: 5.13rem;
  left: .8rem;
  color:#666;
  }
    .flex-lou3>img{
    with:7.2rem;
    height: 9.53rem;
    display: block;
   font-size:1.4rem;
   margin-left:1.4rem;
  }
  }
.loResults>span{
width:3.67rem;
height:.67rem;
font-size:.67rem;
font-family:PingFang-SC-Regular;
font-weight:400;
color:rgba(51,51,51,1);
display: block;
  margin: 0 auto;
  text-align: center;
}
.flex-inter>img{
  width: 10.67rem;
  height: 6.33rem;
  display: block;
  margin:0 auto;
  margin-top:1rem;
}
.zero{
  width:4.2rem;
height:.67rem;
font-size:.67rem;
font-family:PingFang-SC-Regular;
font-weight:bold;
color:rgba(51,51,51,1);
margin: 0 auto;
text-align: center;
margin-top: 1rem;
}
</style>
